/*
  学习目标：useEffect的基本使用
  语法:  useEffect(() => {每次状态变化, 会自动执行, 可以获取到更新后的状态 })
  步骤：
     1. 导入useEffect
     2. 
     3. 
*/

import React, { useState, useEffect } from 'react';

export default function App() {
  const [count, setCount] = useState(0);

  useEffect(() => {
    // 每次count变化, 回调函数会自动执行, 可以获取到更新后的count
    console.log('count发生了变化  ----->  ', count);
    document.title = count;
  });

  return (
    <div>
      <h1>{count}</h1>
      <button
        onClick={() => {
          setCount(count + 1);
        }}
      >
        点我+1
      </button>
    </div>
  );
}
